body {
    width: 100%;
    height: 350px;
    background-color: #E707DB;
}

#bottom1, #bottom2, #bottom3, #bottom4 {
    float: left;
    height: 1500px;
}

#bottom1 {
    width: 20%;
    background-color: #CDCCCC;
}

#bottom2 {
    width: 45%;
    background-color: #FFFFFF;
}

#bottom3 {
    width: 20%;
    background-color: #DFDCDC;
}

#bottom4 {
    width: 15%;
    background-color: aqua;
}

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p13, #p14 {
    display: inline-block;
    color: red;
    font-weight: 400;
}

#p1 {
    font-size: 25px;
}

#p7 {
    margin-left: 380px;
}

#p9 {
    font-size: 25px;
    margin-top: 50px;
    margin-right: 500px;
    margin-left: 15px;
}

#p10 {
    margin-left: 100px;
}

#p11, #p14 {
    font-size: 20px;
}

#p13 {
    margin-left: 650px;
}

#h1, #h2, #h3 {
    border-color: red;
}

#d1, #d2, #d3, #d4, #d5, #d6, #d7, #d8, #k1, #k2, #k3, #k4, #k5 {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 160px;
    margin-left: 13px; /* Only for #d1, others have different values or none */
}

/* Remove float for images and adjust margin-right for #im1, #im2, #g1, etc. */
#im1, #im2, #im3, #im4, #im5, #im6, #im7, #im8, #g1, #g2, #g3, #g4, #g5 {
    width: 130px; /* Adjusted from 100px or 130px */
    height: 100px; /* Adjusted from 100px */
    margin-right: 10px;
}

/* Adjust margin-top for text descriptions */
#c1, #c2, #c3, #c4, #c5, #m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8 {
    margin-top: 10px;
    width: 150px;
    word-wrap: break-word;
    word-break: break-word;
}

#p9, #p12 {
    margin-left: 15px;
}

#b1, #b2, #b3 {
    height: 80px;
    width: 100px;
    float: left;
    background-color: #DDDBDB;
}

#t1, #t2, #t3, #t4, #t5 {
    background-color: #DDE3E3;
}

.image-container {
    width: 400px;
    height: 300px;
    overflow: hidden;
}

.image-container {
    display: flex;
    align-items: center;
}

.arrow1,.arrow2 {
    margin: 0 10px;  /* 您可以根据需要调整边距 */
}





.arrow1, .arrow2 {
    cursor: pointer;
    font-size: 200px;
    color: royalblue;
}

table td:first-child {
    width: 250px;
}

table td:nth-child(2) {
    width: 250px;
}

table td:last-child {
    width: 250px;
}

table th {
    height: 100px;
    background-color: #999494;
    color: #B60C23;
}

table td {
    height: 40px;
}
